<!DOCTYPE html>
<!--[if lt IE 7]><html class="lt-ie9 lt-ie8 lt-ie7"><![endif]-->
<!--[if IE 7]><html class="lt-ie9 lt-ie8"><![endif]-->
<!--[if IE 8]><html class="lt-ie9"><![endif]-->
<!--[if gt IE 8]><!--><html><!--<![endif]-->
<head>
<title>阿姨家</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/foundation.min.css">
<link rel="stylesheet" href="css/superfish.css">
<link rel="stylesheet" href="css/stylesheet.css">
<link rel="stylesheet" href="js/slider/flexslider.css">
<link rel="stylesheet" href="js/slider/flexcar.css">
<link href='http://fonts.useso.com/css?family=Quando' rel='stylesheet' type='text/css'>
<link href='http://fonts.useso.com/css?family=Droid+Sans:400,300' rel='stylesheet' type='text/css'>
<script src="js/vendor/custom.modernizr.js"></script>
<script>
Modernizr.load({
    // test if browser understands media queries
    test: Modernizr.mq('only all'),
    // if not load ie8-grid
    nope: 'css/ie8-grid-foundation-4.css'
});
</script>
<!--[if lt IE 9]>
<link rel="stylesheet" href="css/ie-fixes.css">
<![endif]-->
</head>
<body>
<div class="header">
  <div class="row">
    <div class="columns large-12">
      <div class="row header-inner">
        <div class="columns large-4 small-12"> <a href="index.html"><img src="images/logo.png" alt="" class="logo"></a> </div>
        <div class="columns large-8">
          <nav>
            <section>
              <ul class="sf-menu large-12">
                <li class="active"><a href="index.html">首页</a></li>
                <li><a href="about.html">简介</a></li>
                <li><a href="blog.html">事记</a></li>
                <li><a href="gallery.html">图库</a></li>
                <li><a href="services.html">服务</a></li>
                <li><a href="contact.html">联系我们</a></li>
              </ul>
            </section>
          </nav>
        </div>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="columns large-12 small-top-menu">
      <div class="row">
        <div class="columns large-12 plr0 top-nav">
          <form name="dropdown" class="dropdown" action="#">
            <nav>
              <section>
                <select name="selected" id="target" accesskey="E" onChange="goToNewPage(document.dropdown.selected)">
                  <option value="index.html">home</option>
                  <option value="about.html">about us</option>
                  <option value="blog.html">blog</option>
                  <option value="gallery.html">gallery</option>
                  <option value="services.html">services</option>
                  <option value="contact.html">contact us</option>
                </select>
              </section>
            </nav>
          </form>
        </div>
      </div>
    </div>
  </div>
  <div class="copyrights">Collect from <a href="http://www.cssmoban.com/" title="网站模板">网站模板</a></div>
  <div class="slider">
    <div class="row">
      <div class="columns large-12">
        <div class="row flexslider-row">
          <div class="columns large-12">
            <div class="flexslider">
              <ul class="slides">
                <li> <img src="images/slide1.jpg" alt=""> </li>
                <li> <img src="images/slide2.jpg" alt=""> </li>
                <li> <img src="images/slide1.jpg" alt=""> </li>
                <li> <img src="images/slide2.jpg" alt=""> </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="tagline">
  <div class="row">
    <div class="columns large-12">
      <div class="center">
        <h1>欢迎来到“广州阿姨家信息科技有限公司”网站</h1>
        <p>我有点喝多了，不知道该说什么好。别理我，让我一个人在阳台坐一会，我只是一时有点迷茫</p>
      </div>
    </div>
  </div>
</div>
<div class="service-box">
  <div class="row service">
    <div class="columns large-4">
      <h1 class="service-subtitle">Scelerisque aliquet adipiscing</h1>
      <p><img src="images/3up1.jpg" alt="" class="threeUp"></p>
      <p> scelerisque pellentesque duis nascetur crasamet sitter sit eros egestas eu? Aliquet pid porta elit acniitem esm Risus arcu augue lorem ipsum sit dolor esmet duiscra sit eros egestas eu? Aliquet pid porta elit acnisitem sit Risus arcu augue lorem ipsum sit dolor esmet </p>
      <p> <a class="button custom">details</a> </p>
    </div>
    <div class="columns large-4">
      <h1 class="service-subtitle">Scelerisque aliquet adipiscing</h1>
      <p><img src="images/3up2.jpg" alt="" class="threeUp"></p>
      <p> scelerisque pellentesque duis nascetur crasamet sitter sit eros egestas eu? Aliquet pid porta elit acniitem esm Risus arcu augue lorem ipsum sit dolor esmet duiscra sit eros egestas eu? Aliquet pid porta elit acnisitem sit Risus arcu augue lorem ipsum sit dolor esmet </p>
      <p> <a class="button custom">details</a> </p>
    </div>
    <div class="columns large-4">
      <h1 class="service-subtitle">Scelerisque aliquet adipiscing</h1>
      <p><img src="images/3up1.jpg" alt="" class="threeUp"></p>
      <p> scelerisque pellentesque duis nascetur crasamet sitter sit eros egestas eu? Aliquet pid porta elit acniitem esm Risus arcu augue lorem ipsum sit dolor esmet duiscra sit eros egestas eu? Aliquet pid porta elit acnisitem sit Risus arcu augue lorem ipsum sit dolor esmet </p>
      <p> <a class="button custom">details</a> </p>
    </div>
  </div>
</div>
<div class="front-testimonial">
  <div class="row">
    <div class="columns large-12">
      <div class="flexcar">
        <ul class="slides">
          <li>
            <div class="row">
              <div class="columns large-3"> <img src="images/test.jpg" alt="" class="test-img"> </div>
              <div class="columns large-9">
                <h1>Elementum phasellus, diam tempor ultrices a mauris </h1>
                <p> Elementum phasellus, diam tempor ultrices a mauris, placerat odio nunc turpis? Aenean facilisis nisi turpis parturient sed pid massa et in est, et magna turpis ac a dapibus urna </p>
                <div class="row">
                  <div class="columns large-12">
                    <p class="test-credit"><span class="name">Rebecca Jones,</span><span class="profession"> Seo Consultant</span>, <span class="company">XYZ Pvt Ltd</span></p>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="row">
              <div class="columns large-3"> <img src="images/test1.jpg" alt="" class="test-img"> </div>
              <div class="columns large-9">
                <h1>Elementum phasellus, diam tempor ultrices a mauris </h1>
                <p> Elementum phasellus, diam tempor ultrices a mauris, placerat odio nunc turpis? Aenean facilisis nisi turpis parturient sed pid massa et in est, et magna turpis ac a dapibus urna </p>
                <div class="row">
                  <div class="columns large-12">
                    <p class="test-credit"><span class="name">Ricky David,</span><span class="profession"> Seo Consultant</span>, <span class="company">XYZ Pvt Ltd</span></p>
                  </div>
                </div>
              </div>
            </div>
          </li>
          <li>
            <div class="row">
              <div class="columns large-3"> <img src="images/test1.jpg" alt="" class="test-img"> </div>
              <div class="columns large-9">
                <h1>Elementum phasellus, diam tempor ultrices a mauris </h1>
                <p> Elementum phasellus, diam tempor ultrices a mauris, placerat odio nunc turpis? Aenean facilisis nisi turpis parturient sed pid massa et in est, et magna turpis ac a dapibus urna </p>
                <div class="row">
                  <div class="columns large-12">
                    <p class="test-credit"><span class="name">Rani Malik,</span><span class="profession"> Seo Consultant</span>, <span class="company">XYZ Pvt Ltd</span></p>
                  </div>
                </div>
              </div>
            </div>
          </li>
        </ul>
        <div class="test-nav"> <span class="leftarrow"><img src="images/leftarrow.png" alt=""></span><span class="rightarrow"><img src="images/rightarrow.png" alt=""></span> </div>
      </div>
    </div>
  </div>
</div>
<footer class="footer">
  <div class="row">
    <div class="columns large-12 footer-inner">
      <div class="row">
        <div class="columns large-4 useful-links">
          <div>
            <h2 class="footer-title">Quick links</h2>
            <ul class="footer-list">
              <li><a href="index.html">首页</a></li>
              <li><a href="about.html">简介</a></li>
              <li><a href="services.html">服务</a></li>
              <li><a href="gallery.html">图库</a></li>
              <li><a href="contact.html">联系我们</a></li>
            </ul>
          </div>
        </div>
        <div class="columns large-4 contact">
          <div>
            <h2 class="footer-title">Contactus</h2>
            <ul class="footer-list">
              <li><span class="small-icon"><img src="images/address.png" alt=""></span>广州市白云区永平街同泰路学山塘街15号701房</li>
              <li><span class="small-icon"><img src="images/phone.png" alt=""></span>Tel:(020)36772287</li>
              <li><span class="small-icon"><img src="images/email.png" alt=""></span>web@ueworks.com.cn</li>
              <li><span class="social-media"><a href="#">a</a></span><span class="social-media"><a href="#">y</a></span><span class="social-media"><a href="#">i</a></span><span class="social-media"><a href="#">h</a></span><span class="social-media"><a href="#">o</a></span><span class="social-media"><a href="#">m</a></span><span class="social-media"><a href="#">e</a></span></li>
            </ul>
          </div>
        </div>
        <div class="columns large-4 about">
          <div>
            <h2 class="footer-title">Aboutus</h2>
            <p><img src="images/about.png" alt=""></p>
            <p>Placerat urna et tristique in! Scelerisque integer nisi pha sellus, nec phasellus arcualiquet etiam magna massa sit cursus adipiscing sed, nec? Aenean odio! Cumac dolor dapibus tincidunt lorem ipsum dolor sit esmet placerat urna et tristique in! Scelerisque integer nisi phasellus</p>
          </div>
        </div>
      </div>
    </div>
  </div>
</footer>
<script src="js/jquery.min.js"></script>
<script src="js/hoverIntent.js"></script>
<script src="js/superfish.js"></script>
<script src="js/slider/jquery.flexslider.js"></script>
<script>
Modernizr.load({
    test: Modernizr.placeholder,
    nope: 'js/placeholder.min.js'
});
function goToNewPage() {
    if (document.getElementById('target').value) {
        window.location.href = document.getElementById('target').value;
    }
}
</script>
<script>
$(document).ready(function () {
    $('ul.sf-menu').superfish({
        animation: {
            height: 'show'
        },
        delay: 400
    });
    $("img.scrollToTop").click(function () {
        $("html, body").animate({
            scrollTop: 0
        }, "slow");
    });
    $('.flexslider').flexslider();
    $('.flexcar').flexslider();
});
</script>
</body>
</html>